<!DOCTYPE html
		PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<title>Unobtrusive Accessible jQuery Scroll Bars</title>

	<script src="../../_jquery/jquery-1.3.2.js"></script>
	<script src="../mousewheel.jquery.js" type="text/javascript"></script>
	<script src="../scrollbar.jquery.js" type="text/javascript"></script>

	<link rel="stylesheet" type="text/css" href="../scrollbar.css" media="all" />

	<link rel="stylesheet" type="text/css" href="scrollbar.example.css" media="all" />
	<script src="scrollbar.example.js" type="text/javascript"></script>
</head>
<body>
	<h2>Unobtrusive Accessible jQuery Scroll Bars</h2>
	<p><a href="#a">Scroll to A</a></p>
	<p><a href="#b">Scroll to B</a></p>
	<p><a href="#c">Scroll to C</a></p>

	<h3>HTML:</h3>
	<div id="scroller1" class="scrollBar">
		<h4>Header</h4>
		<p id="a">A: Content content content content content content content content content content content content content content content content content</p>
		<p><a href="#d">Scroll to D</a></p>
		<p>Content content content content content content content content content content content content content content content content content</p>
		<p>Content content content content content content content content content content content content content content content content content</p>
		<p>Content content content content content content content content content content content content content content content content content</p>
		<p id="b">B: Content content content content content content content content content content content content content content content content content</p>
		<p>Content content content content content content content content content content content content content content content content content</p>
		<p>Content content content content content content content content content content content content content content content content content</p>
		<p id="d">D: <a href="#e">Scroll to E</a></p>
		<p>Content content content content content content content content content content content content content content content content content</p>
		<p>Content content content content content content content content content content content content content content content content content</p>
		<p id="c">C: foot</p>
	</div>

	<div id="scroller2" class="scrollBar">
		<h4>Header</h4>
		<p>Top Content content content content content content content content content content content content content content content content content</p>
		<p>Content content content content content content content content content content content content content content content content content</p>
		<p>Content content content content content content content content content content content content content content content content content</p>
		<p>Content content content content content content content content content content content content content content content content content</p>
		<p id="e">E: Content content content content content content content content content content content content content content content content content</p>
		<p>Content content content content content content content content content content content content content content content content content</p>
		<p>Content content content content content content content content content content content content content content content content content</p>
		<p>Content content content content content content content content content content content content content content content content content</p>
	</div>

	<div id="test"> </div>
</body>
</html>